RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / resources / views / School / School /
Filename : index.blade.php
back
@extends('Admin.layout.main')
@section('content')
@section('pagestylesheet')
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/select.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/data-tables.css') }}">
    <style type="text/css">
        #main .section-data-tables .dataTables_wrapper .dataTables_filter {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_filter label {
            display: inline-flex;
            font-size: 18px;
        }
        .dataTables_wrapper .dataTables_filter input {
            height: 1.5rem;
        }
        #main .section-data-tables .dataTables_wrapper .dataTables_length {
            display: block;
        }
        #main .section-data-tables .dataTables_wrapper select {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_length label {
            display: inline-flex;
            font-size: 15px;
        }

        select {
            width: 100%;
            height: 25px;
            padding: 0px 3px;
            font-size: 15px;
        }
    </style>
@stop
<!-- BEGIN: Page Main-->
<div id="main">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <div class="section section-data-tables">
                    <div class="row">
                        <div class="col s12">
                            <div class="card">
                                <div class="card-content">
                                    <!-- Add school -->
                                    <h4 class="card-title">Schools
                                        <a href="{{ route('school-management.create') }}" class="btn btn-success"
                                            style="float: right;">Add School</a>
                                    </h4>
                                    <!-- Add school close-->

                                    {{-- <div class="row">
                                        <div class="col s3 mt-2">
                                            <select name="admin_id" id="admin_id" required>
                                                <option value="">- Admin Name -</option>
                                                @foreach($admins as $admin)
                                                    @if($admin->admin_id == Request::get('admin_id'))
                                                        <option value="{{$admin->admin_id}}" selected="">{{$admin->name}}</option>
                                                    @else
                                                        <option value="{{$admin->admin_id}}">{{$admin->name}}</option>
                                                    @endif
                                                @endforeach
                                             </select>
                                        </div>

                                        <div class="col s2 mt-2">
                                            <button name="filter" id="filter" class="btn button-success">Filter</button>
                                        </div>
                                    </div> --}}

                                    <div class="row">
                                        <div class="col s12 mt-2">
                                            <table id="schoolTable" class="display">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">School Image</th>
                                                        <th class="text-center">UUID</th>
                                                        <th class="text-center">School Name</th>
                                                        {{-- <th class="text-center">Description</th> --}}
                                                        {{-- <th class="text-center">Admin Name</th> --}}
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Page Main-->
@endsection
@section('pagescript')
<script src="{{ asset('app-assets/vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('app-assets/vendors/data-tables/js/dataTables.select.min.js') }}"></script>
<script src="{{ asset('app-assets/js/scripts/data-tables.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        load_data();
        function load_data(admin_id = '')
        {
            $('#schoolTable').DataTable({
                "scrollX": true,
                "processing": true,
                "serverSide": true,
                "stateSave":true,
                "ajax": {
                    "url": "{{ route('school-management.school_list') }}",
                    "dataType": "JSON",
                    "type": "POST",
                    "data": function(e){
                        e._token = $('meta[name="csrf-token"]').attr('content'),
                        e.admin_id = $('#admin_id').val();
                    }
                },
                "columns": [
                    {
                        "data": "school_image",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "uuid",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "school_name",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "school_id",
                        "orderable": false,
                        "class": "text-center"
                    }
                ],
                "aaSorting": []
            });
        }
        $('#filter').click(function(){
            var admin_id = $('#admin_id').val();

            $('#schoolTable').DataTable().destroy();
            load_data(admin_id);
        });
    });

    function delete_school(school_id) {

        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#8BC34A",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: false,
            showLoaderOnConfirm: true,
        }, function() {
            swal("Deleted!", "Your data has been deleted.", "success");
            $("#schoolTable-" + school_id).submit();

            return true;
        });

        return false;
    }
</script>
@stop